<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<script th:inline="javascript">
			window.rootPath = /*[[${#httpServletRequest.getContextPath()}]]*/
		</script>
		<link rel="stylesheet" type="text/css" media="all" th:href="@{/plugins/bootstrap/bootstrap.min.css}" />
		<script th:src="@{/plugins/jQuery/jQuery-2.1.4.min.js}"></script>
		<script th:src="@{/plugins/bootstrap/bootstrap.min.js}"></script>
		<script th:src="@{/plugins/jQuery/moment/moment.min.js}"></script>
		<link rel="stylesheet" type="text/css" media="all" th:href="@{/plugins/MapIndex/stylesheets/style.css}" />
		<script th:src="@{/plugins/chartjs/echarts.min.js}"></script>
		
	</head>

	<body class="Wang-Info">
		<div>
			<div class="Wang-Infomation">
				<ul id="Wang-myTab" class="nav nav-tabs">
					<li class="active">
						<a href="#Wang-Basic" data-toggle="tab">
							基础信息
						</a>
					</li>
					<li>
						<a href="#Wang-Humans" data-toggle="tab">
							人员信息
						</a>
					</li>
					<li>
						<a href="#Wang-Things" data-toggle="tab">
							案件信息
						</a>
					</li>
				</ul>
				<div id="Wang-myTabContent" class="tab-content">
					<div class="tab-pane fade in active" id="Wang-Basic">
						<input type="hidden" id="gridId" th:value="${gridId}"/>
						<form class="form-horizontal" role="form">
						  <div class="form-group">
						    <label class="col-sm-2 control-label">网格编码</label>
						    <div class="col-sm-4">
						      <input type="text" class="form-control indexPartsInput" id="gridIdentify" value=""/>
						    </div>
						     <label class="col-sm-2 control-label rightInput">网格名称</label>
						    <div class="col-sm-4">
						      <input type="text" class="form-control indexPartsInput" id="gridName" value=""/>
						    </div>
						  </div>
						  <div class="form-group">
						    <label class="col-sm-2 control-label">网格面积</label>
						    <div class="col-sm-4">
						      <input type="text" class="form-control indexPartsInput" id="gridArea" value=""/>
						    </div>
						     <label class="col-sm-2 control-label rightInput">权重</label>
						    <div class="col-sm-4">
						      <input type="text" class="form-control indexPartsInput" id="gridScale" value=""/>
						    </div>
						  </div>
						  <div class="form-group">
						    <label class="col-sm-2 control-label">网格状态</label>
						    <div class="col-sm-4">
						      <input type="text" class="form-control indexPartsInput" id="gridState" value=""/>
						    </div>
						     <label class="col-sm-2 control-label rightInput">网格类型</label>
						    <div class="col-sm-4">
						      <input type="text" class="form-control indexPartsInput" id="typeOpt" value=""/>
						    </div>
						  </div>
						 <div class="form-group">
						    <label class="col-sm-2 control-label">所属区域</label>
						    <div class="col-sm-4">
						      <input type="text" class="form-control indexPartsInput" id="division" value=""/>
						    </div>
						    
						  </div>
						  <div class="form-group">
						    <label class="col-sm-2 control-label">网格备注</label>
						    <div class="col-sm-10">
						      <textarea class="form-control indexPartsInput" id="gridMemo" style="height:160px;"></textarea>
						    </div>
						  </div>
						</form>

					</div>
					<div class="tab-pane fade" id="Wang-Humans">
						<div class="TheChartsTt03" style="width: 280px;">塔形结构</div>
						<div class="TheChartsTt03" style="width: 470px;">网格管理人员信息</div>
						<div id="TheCharts03"></div>
						<div id="TheCharts04" style="width: 470px;height:340px ; overflow:auto ;overflow-x:hidden">
						</div>
					</div>
					<div class="tab-pane fade" id="Wang-Things">
						<div class="TheChartsTt01" style="width: 280px;">今日案件数量</div>
						<div class="TheChartsTt02" style="width: 470px;">案件处理情况</div>
						<div id="TheCharts01" >
						</div>
						<div id="TheCharts02" style="width: 470px;height:340px ; overflow:auto ;overflow-x:hidden">
							<table class="table table-hover" >
								<thead>
									<tr>
										<th>日期</th>
										<th>案件类型</th>
										<th>维护人</th>
									</tr>
								</thead>
								<tbody id="eventReport">
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script th:src="@{/index/indexInfo/QTouchIndexGridMsg.js}"></script>
	</body>

</html>